import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    vueDevTools(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
  server: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8000',
        changeOrigin: true,
        rewrite: (path) => {
          const rewrittenPath = path.replace(/^\/api/, '');
          console.log('Path rewrite:', {
            original: path,
            rewritten: rewrittenPath
          });
          return rewrittenPath;
        },
        configure: (proxy, options) => {
          proxy.on('proxyReq', (proxyReq, req, res) => {
            console.log('Proxy Request:', {
              originalUrl: req.url,
              targetPath: proxyReq.path,
              method: req.method,
              headers: proxyReq.getHeaders()
            });
          });
        }
      }
    }
  }
})
